﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NEWContactUs.aspx.cs" Inherits="mpsalaryprojectgroup.NEWContactUs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Welcome to the PGS Portal</title>
    <style type="text/css">
        .style2
        {
            color: #FF9933;
        }
        .style3
        {
            color: #666666;
        }
        .style5
        {
            color: #663300;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="initial-scale=1, maximum-scale=1" />

  
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="CSS\foundation.css">
	<link rel="stylesheet" href="CSS\app.css">
    <link rel="stylesheet" href="CSS\ie.css">


	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!--CSS for hover over navigation tab-->
    
    <link rel="stylesheet" href="CSS/Tab.css">
    <script type="text/javascript" src="dropdown_menu.js"></script>
    <script type="text/javascript">
        var websiteID = 'thedesignsuperhero.com';
    </script>
    <script type="text/javascript" src="http://analytics.hosting24.com/s.php"></script>
    <noscript>
    <a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/s.php?websiteID=thedesignsuperhero.com" alt="web hosting" /></a>
    </noscript>

      <!--Navigation tab part 2 -->
<script>
    // Javascript originally by Patrick Griffiths and Dan Webb.
    // http://htmldog.com/articles/suckerfish/dropdowns/
    sfHover = function () {
        var sfEls = document.getElementById("navbar").getElementsByTagName("li");
        for (var i = 0; i < sfEls.length; i++) {
            sfEls[i].onmouseover = function () {
                this.className += " hover";
            }
            sfEls[i].onmouseout = function () {
                this.className = this.className.replace(new RegExp(" hover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
    
    <%--<link rel="stylesheet" href="CSS\Tab1.css">--%>


    <div class="container">
		<div class="row">
			<div class="twelve columns" align="center">
				<h2><img alt="" src="Images/orangesample%20copy.jpg" /></h2>
			</div>
		</div>
    </div>

            <div class="row">
        <!--for navigation tab-->
            <%--<ul id="button">

         <li><a href="#">Home</a></li>
         <li><a href="#">About</a></li>
         <li><a href="#">Services</a></li>
         <li><a href="#">Clients</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="#">F.A.Q</a></li>
         <li><a href="#">Contact Us</a></li>
         <li><a href="/NEWMainPage.aspx">Sign Out</a></li>
           </ul>--%>


       <!--Navigation part 2-->
        
		<ul id="navbar">
			<li><a href="NEWUserExportFile.aspx">Home</a>
            <!-- put link to link back to homepage -->
			</li>
                <%--<li><a href="/NEWUserExportFile.aspx">View Result</a>
				<ul>
					<li><a href="/NEWUserExportFile.aspx">Past Result</a></li>
				</ul>			
			</li>--%>
            <li><a href="NEWAnalytical.aspx">Analytical</a>
                <ul>
                    <li><a href="NEWAnalytical.aspx">Analyse</a></li>
                    <li><a href="NEWNEWReport.aspx">Report</a></li>
                </ul>
            </li>

			<li><a href="NEWContactUs.aspx">Contact Us</a>
				<!--put contact details plus google map-->		
			</li>
			<li><a href="NEWUserUpdatePage.aspx">Account</a>	
                <ul>
					<li><a href="NEWUserUpdatePage.aspx">Update Account</a></li>
                    <li><a href="NEWDelete.aspx">Delete Account</a></li>
					    <%--<li><a href="/NEWMainPage.aspx">Logout</a></li>--%>
				</ul>             	
			</li>
            <li><a href="NEWMainPage.aspx">Logout</a>		
			</li>
		</ul>
    </div>

     <div class="row">
        <div class="twelve columns">
            &nbsp;<asp:Label ID="lblUsername" runat="server" Font-Bold="True" 
                Visible="False"></asp:Label>
            </div>
    </div>

    <div class="row">
        <div class="twelve columns" align="center">
            <h3 class="style2">Contact Us</h3>
            <p>
            <span class="style3"><strong>PGS Portal Social Network</strong></span><span class="style2"><br />
            <asp:ImageButton ID="ImageButton2" runat="server" Height="64px" 
                ImageUrl="~/Images/1314083743_facebook.png" Width="62px" 
                    onclick="ImageButton2_Click" />
            <asp:ImageButton ID="ImageButton3" runat="server" Height="64px" 
                ImageUrl="~/Images/1314083757_twitter.png" Width="62px" 
                    onclick="ImageButton3_Click" />
            <br />
                </span>
            <span class="style3">Join us now to get the latest and updated news and results!</span>
            </p>
        </div>
    </div>

    <div class="row">
        <div class="four columns">
        
        </div>

        <div class="four columns" align="center" style="background-color: #FFCC99">
            <span class="style5">
            <strong>Address:</strong><br/> 
            Temasek Polytechnic<br/>
            21 Tampines Avenue 1<br/>
            Singapore 529757<br/>

            <strong>E-mail: </strong> </span> <br />
            <a href="mailto:thepgsteam@gmail.com" class="style3">
            thepgsteam@gmail.com</a>
        </div>

        <div class="four columns" align="center">
        </div>
    
    </div>
    <br />
    <br />
    <div class="row">
        <div class="two columns">
        </div>
        
        <div class="eight columns">
        <div id="map_canvas" style="width: 620px; height: 250px;" align="center"></div>
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
        var myOptions = {
         center: new google.maps.LatLng(1.3453582273847202, 103.93182277679443),
          zoom: 13,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);

        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(1.3453582273847202, 103.93182277679443),
            map: map,
            title: "Temasek Polytechnic"
        }); 
        </script>
        </div>

        <div class="two columns">
        </div>
      
    </div>
   <br />
     <div class="row">

        <div class="twelve columns">
        </div>
    </div>

    <div class="row">
        <div class="twelve columns" align="center">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/school.JPG" />
            <div class="six column"></div>
        </div>
    </div>

    <!-- Included JS Files -->
	<script src="javascripts/foundation.js"></script>
	<script src="javascripts/app.js"></script>

    </form>
</body>
</html>
